/* 身体部分 Start */
.body {
    width: 100%;
    padding-top: 50px;
    height: 1654px;
    background-color: white;
    margin-bottom: 200px;
}

.body .container {
    height: 1604px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-content: space-between;
    font-size: 0;
}

.body .item {
    width: 485px;
    height: 504px;
    position: relative;
}

.body .item img {
    width: 100%;
    height: 293px;
}

.body .item .txt {
    width: 100%;
    height: 211px;
    padding: 30px 20px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    border: 1px solid #E6E6E6;
    border-top: none;
}

.body .item h2 {
    font-size: 20px;
    color: rgb(38, 38, 38);
}

.body .item h3,
.body .item p {
    font-size: 16px;
    color: rgb(153, 153, 153);
}

.body .item p {
    height: 63px;
    line-height: 93px;
}

.body .item .mask-box {
    position: absolute;
    width: 100%;
    height: 293px;
    top: 0;
    left: 0;
    opacity: 0;
    transition-duration: .3s;
    background: rgba(0,0,0,.5);
}

.body .item:hover {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
}

.body .item:hover .mask-box {
    opacity: 1;
}

.body .item:hover .txt {
    background: #CC2A29;
    border-color: #CC2A29;
}

.body .item:hover h2,
.body .item:hover h3,
.body .item:hover p {
    color: white;
}

/* 身体部分 End */